.skeleton_content {
  padding: 20px;
}
.articleItem {
  padding: 15px;
  border-bottom: 1px solid #f1f2f5;
  cursor: pointer;
  display: flex;
  align-items: center;
  :global {
    .font_content {
      flex: 1;
    }
    .img {
      width: 120px;
      height: 80px;
      border-radius: 5px;
      margin-left: 20px;
      overflow: hidden;
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
    .articleTitle {
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      height: 24px;
      width: 100%;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
    .article_content {
      font-size: 13px;
      color: #8a919f;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      line-height: 22px;
      height: 22px;
      display: -webkit-box;
      overflow: hidden;
    }
    .bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .article_left {
      display: flex;
      font-size: 13px;
      line-height: 22px;
      color: #8a919f;
      .icon {
        padding: 0 10px;
        color: #e4e6eb;
      }
      .look_num {
        display: flex;
        align-items: center;
        .eay {
          margin-right: 3px;
        }
      }
      .like {
        display: flex;
        align-items: center;
        .like_icon {
          margin-right: 3px;
        }
      }
      .ActiveLike {
        color: #1d7efd;
      }
      .like:hover {
        color: #1d7efd;
      }
    }
    .right_tab {
      display: flex;
      font-size: 12px;
      color: #8a919f;
      .tab_item {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
        background-color: #f2f3f5;
        margin: 0 5px;
        padding: 1px 3px;
        max-width: 70px;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
      }
      .tab_item:hover {
        color: #1d7efd;
      }
    }
  }
}
.articleItem:hover {
  background-color: #f7f8fa;
}
